{% extends "shared/layout.twig" %}


{% block content %}
    <div class="breadcrumb-container">
      <div class="row">
        <div class="col-md">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="#">控制面板</a></li>     
              <li class="breadcrumb-item active" aria-current="page">页面</li>
            </ol>
          </nav>
        </div>
        <div class="col-md-auto">
          <time id="sitetime"></time>
        </div>
      </div>
    </div>
    
          <div class="card">
            <header class="card-header">
              <div class="row">
                <div class="col">
                <i class="iconfont icon-file-text"></i>
                单页列表</div>
                <div class="col-auto">
                  <div class="control"><a class="expand" href="#"><i class="iconfont icon-fullscreen"></i></a><a class="compress" href="#" style="display: none;"><i class="iconfont icon-shrink"></i></a></div>
                </div>
              </div>
            </header>
            <section class="card-body">
              <div class="card-toolbar mb-3">
                <div class="row">
                  <div class="col-md-auto">
                    <div class="btn-group" role="group" aria-label="Basic example">
                      <button class="btn btn-outline-info" type="button">移动</button>
                      <button class="btn btn-outline-info" type="button">推荐</button>
                      <button class="btn btn-outline-info" type="button">激活</button>
                      <button class="btn btn-outline-danger" type="button">删除</button>
                    </div>
                  </div>
                  <div class="col-md">
                    <form class="form-inline" role="form">
                   
                        <div class="form-row align-items-center">
                            <div class="col-auto">
                            <label class="sr-only" for="keyword">搜索</label>
                              <input type="text" name="keyword" class="form-control" id="keyword" value="{{keyword}}" placeholder="关键字">
                            </div>
                            <div class="col-auto">
                            <button type="submit" class="btn btn-primary">
                            <i class="iconfont icon-search"></i>
                            搜索</button>
                            </div>
                        </div>
                       
                    </form>
                  </div>
                  <div class="col-md-auto">
                    <a href="/pages/add" class="btn btn-primary btn-sm">
                      <i class="iconfont icon-plus"></i>  新增
                    </a>
                  </div>
                </div>
              </div>
              <div class="table-responsive">
                <table class="table table-hover box-table">
                  <thead>
                    <tr>
                      <th>
                        <input id="cbSelectAll" type="checkbox">
                      </th>
                      <th>ID</th>
                      <th>主题</th>
                      <th>发布日期</th>
                      <th>激活？</th>
                      <th style="width: 260px;">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    {% for item in list %}                      
                    <tr>
                      <td>
                        <input type="checkbox" value="{{item.id}}">
                      </td>
                      <td>{{item.id}}</td>
                      <td>{{item.title}}</td>
                      <td>{{item.created_at|date}}</td>
                      <td>
                        {% if item.active==1 %}
                            <i class="iconfont icon-check-circle-fill text-success"></i>
                        {% else %}
                            <i class="iconfont icon-close-circle-fill text-success"></i>                       
                        {% endif %}                      
                      </td>
                      <td>
                        {# <a class="btn btn-info btn-sm" href="/dashboard/pages/edit/{{item.id}}" title="查看明细"><i class="iconfont icon-ellipsis"></i></a> #}
                        <a class="btn btn-info btn-sm" href="#" title="推荐"><i class="iconfont icon-like"></i></a>
                        <a class="btn btn-info btn-sm" href="#" title="激活"><i class="iconfont icon-eye"></i></a>
                        <a class="btn btn-primary btn-sm" href="/pages/edit/{{item.id}}" title="编辑"><i class="iconfont icon-edit"></i></a>
                        <a class="btn btn-info btn-sm" href="#" title="拷贝"><i class="iconfont icon-file-copy"></i></a>
                        <a class="btn btn-danger btn-sm" href="NetDetailList.html" title="删除"><i class="iconfont icon-delete"></i></a>
                      </td>
                    </tr>
                    {% endfor %}
              
                   
                  </tbody>
                </table>
              </div>
            </section>
            <footer class="card-footer">
              <div class="row table-pager">
                <div class="col-sm">
                    {{page|raw}}           
                </div>
                <div class="col-sm-auto">
                  <p class="pagecount">记录数{{pageCount}}条</p>
                </div>
              </div>
            </footer>
          </div>
  
   

    
{% endblock %}
